<!DOCTYPE html>
<html>
<head>
<title>用户列表</title>
<#include "/header.html">
 
</head>
<body>
	<div class="layui-card lc-admin">
		<div class="layui-card-header lc-header-admin">
			<i class="fa fa-dropbox"></i> 用户列表
		</div>
		<div class="layui-card-body lc-body-admin">


			<div id="myapp" v-cloak>
				<div v-show="showList">
					<div class="grid-btn">
						<div class="form-group col-sm-2 lc-query">
							<input type="text" class="form-control" v-model="q.username"
								@keyup.enter="query" placeholder="用户名">
						</div>

						<a class="btn btn-default" @click="query"><i
							class="fa fa-search"></i>&nbsp;查询</a>

						<div class="btn-group btn-tools">
							<#if shiro.hasPermission("sys:user:allotManager")> <a
								class="btn btn-primary" @click="allotManager"><i class="fa fa-plus"></i>&nbsp;批量分配</a>
							</#if>
						</div>

					</div>
					<table id="jqGrid" style="height: 100%;"></table>
					<div id="jqGridPager" style="position: fixed; bottom: 0px;"></div>
				</div>

				<div v-show="!showList" class="panel panel-default">
					<div class="panel-heading">
						<i class="fa fa-pencil-square-o"></i>{{title}}
					</div>
					<form class="form-horizontal">
						<div class="form-group">
							<div class="col-sm-2 control-label">用户名</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" v-model="user.username"
									placeholder="登录账号" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">所属部门</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" style="cursor: pointer;"
									v-model="user.deptName" @click="deptTree" readonly="readonly"
									placeholder="所属部门" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">密码</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" v-model="user.password"
									placeholder="密码" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">邮箱</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" v-model="user.email"
									placeholder="邮箱" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">手机号</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" v-model="user.mobile"
									placeholder="手机号" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">用户类型</div>
							<div class="col-sm-10">
								<select id="userType" v-model="user.userType" class="form-control">
								</select>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">角色</div>
							<div class="col-sm-10">
								<label v-for="role in roleList" class="checkbox-inline">
									<input type="checkbox" :value="role.id" v-model="user.roleIdList">{{role.roleName}}
								</label>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">状态</div>
							<label class="radio-inline"> <input type="radio"
								name="status" value="0" v-model="user.status" /> 禁用
							</label> <label class="radio-inline"> <input type="radio"
								name="status" value="1" v-model="user.status" /> 正常
							</label>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label"></div>
							<!--<input type="button" class="btn btn-primary"-->
								<!--@click="saveOrUpdate" value="确定" /> &nbsp;&nbsp;<input-->
								<!--type="button" class="btn btn-warning" @click="reload" value="返回" />-->
						</div>
					</form>
				</div>
			</div>

		</div>
	</div>

	<!-- 选择部门 -->
<div id="deptLayer" style="display: none;padding:10px;">
	<ul id="deptTree" class="ztree"></ul>
</div>

<script src="${ctx}webjars/static/js/modules/sys/allot.js?_${.now?long}"></script>
</body>
</html>